<template>
  <!-- <el-tabs>
    <el-tab-item label="用户">用户内容</el-tab-item>
    <el-tab-item label="商品">商品的内容</el-tab-item>
    <el-tab-item label="首页">首页的内容</el-tab-item>
  </el-tabs> -->
  <div>
    <el-snail-tabs activeName="two" @tab-click="click()" @tab-change="change()">
      <el-snail-tab-item label="标题1" name="one">内容1部分</el-snail-tab-item>
      <el-snail-tab-item label="标题2" name="two">内容2部分</el-snail-tab-item>
      <el-snail-tab-item label="标题3" name="three">内容3部分</el-snail-tab-item>
      <el-snail-tab-item label="标题4" name="four">内容4部分</el-snail-tab-item>
    </el-snail-tabs>
  </div>
</template>

<script>
import elSnailTabs from '@/components/zhishi/el-tabs.vue'
import elSnailTabItem from '../../components/zhishi/el-tab-item.vue'
export default {
  data () {
    return {
      
    }
  },
  methods: {
    click () {
      console.log('点击')
    },
    change () {
      console.log('改变')
    }
  },
  components: {
    elSnailTabs,
    elSnailTabItem
  }
}
</script>

<style>

</style>